<template>
    <div>
<!--    element-ui Tabs 标签页-->
        <el-tabs v-model="activeName" type="card" >
            <el-tab-pane label="部门管理" name="depmana"><DepMana></DepMana></el-tab-pane>
            <el-tab-pane label="职位管理" name="posmana"><PosMana></PosMana></el-tab-pane>
            <el-tab-pane label="职称管理" name="joblevelmana"><JobLevelMana></JobLevelMana></el-tab-pane>
            <el-tab-pane label="权限组"   name="permissmana"><PermissMana></PermissMana></el-tab-pane>
            <el-tab-pane label="奖惩规则" name="ecmana"><EcMana></EcMana></el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    //导入各个组件  重要！
    import DepMana from "../../components/sys/basic/DepMana";
    import EcMana from "../../components/sys/basic/EcMana";
    import JobLevelMana from "../../components/sys/basic/JobLevelMana";
    import PermissMana from "../../components/sys/basic/PermissMana";
    import PosMana from "../../components/sys/basic/PosMana";

    export default {
        name: "SysBasic",
        data() {
            return {
                //默认展示的组件
                activeName: 'depmana'
            };
        },
        // 注册组件
        components: {
            // key 和 value 相同可以只写一个， 'DepMana':DepMana
            DepMana,
            EcMana,
            JobLevelMana,
            PermissMana,
            PosMana

        }
    }
</script>

<style scoped>

</style>